
/*Portait*/
img[alt*="portrait"],
.image-embed[alt*="portrait"] img
{ object-fit: cover; }

// img[alt~="portrait"],
// .image-embed[alt~="portrait"] img,
.image-embed[src~="#portrait"] 
{
    height: var(--small-med);
    width: 40%;
}

// img[alt~="portrait+small"],
// .image-embed[alt~="portrait+small"] img,
.image-embed[src~="#portrait+small"] 
{
    height: var(--small);
    width: 25%;
}

// img[alt~="portrait+tall"],
// .image-embed[alt~="portrait+tall"] img,
.image-embed[src~="#portrait+tall"] 
{
    height: 500px;
    width: 50%;
}


// Fixed
img:is(
    [alt~="portrait"],
    [alt*="portrait+"]
),
.image-embed:is(
    [alt~="portrait"],
    [alt*="portrait+"]
) img
{
    --img-adj-portrait-size: var(--med-small);

    height: var(--img-adj-portrait-size);
    width: calc(var(--img-adj-portrait-size) / 1.7);
}
img[alt~="portrait+small"],
.image-embed[alt~="portrait+small"] img {
    --img-adj-portrait-size: var(--small-med);
}
img[alt~="portrait+tall"],
.image-embed[alt~="portrait+tall"] img {
    --img-adj-portrait-size: var(--medium);
}